يکي از بهترين انتخاب ها براي ارسال فايل در اينترنت و به اشتراک گذاري آن ها، سرويس هاي ذخيره سازي ابري مانند دراپ باکس، گوگل درايو و... هستند. اما در بسياري مواقع، محدوديت حجمي فايل ها ما را مجبور به تقسيم فايل به چند فايل کوچک مي کند.

 

سوشير (SoShare) که نام معتبر موسسه بيت تورنت را به عنوان توليد کننده يدک مي کشد، ابزاري رايگان و آنلاين است که امکان آپلود و اشتراک گذاري فايل ها تا حجم 1 ترابايت را براي ما به ارمغان آورده است. 

 

البته احتمالا نخستين چيزي که بعد از شنيدن ظرفيت ? ترابايتي به ذهن تان ميرسد اين است که در ايران و با اين سرعت اينترنت اشتراک گذاري ابري در چنين اندازه هايي بيشتر به تخيل شبيه است. اما محدوديت سرعت سبب نمي شود که نخواهيم ابزارهاي موجود را بشناسيم. پس ادامه مطلب را از دست ندهيد.

 

در ادامه مطلب با نحوه استفاده از اين ابزار آشنا خواهيم شد.

 

لينک مطلب ادامه مطلب نظر بدهيد (1)

 

 

زندگي بهتر با ماژول و پلاگين کمتر 

زندگي بهتر با ماژول و پلاگين کمتر

علي اصغر هنرمند

جمعه ?? تير ???? - ??:??

سيستم هاي مديريت محتوا ابزارهاي قدرتمندي هستند که امکانات فوق العاده زياد و متنوعي در اختيار کاربران قرار مي دهند. شما سايت خودتان را با وردپرس، جوملا، دروپال و... راه اندازي مي کنيد و بعد از آن مي توانيد امکانات متعددي به آن اضافه کنيد.

 

اکثر اين امکانات در قالب افزونه هاي کوچک و بزرگي به نرم افزار اصلي اضافه مي شوند. اين امکانات جديد با توجه به سيستم مديريت محتوايي که استفاده مي کنيد، نامگذاري ويژه خودش را دارد. نام هايي مانند پلاگين، ماژول، کامپوننت و... 

 

وبلاگ نويس ها و وبمسترهاي تازه کار، علاقه زيادي به استفاده از اين امکانات دارند و مي بينيم هر آنچه که به نظرشان مفيد مي رسد را روي سايت شان نصب مي کنند و با اين کار سعي مي کنند سايت شان امکانات بيشتري داشته باشد.

 

اما اين فقط يک روي سکه است و بسياري از وبمسترها نمي دانند که بهتر است در اضافه کردن امکان جديد به سايت شان تا جاي ممکن بخيل باشند.

 

در واقع نصب ماژول ها و کامپوننت هاي جديد، دردسرها و کارهاي اضافه زيادي به همراه خود خواهد آورد که بهتر است ابتدا از آنها مطلع باشيد:

 

نگهداري سخت تر:

يک ماژول و پلاگين جديد نصب مي کنيد و از داشتن آن خوشحاليد. اما چند هفته بعد نسخه جديد آن از راه مي رسد. حالا بايد نسخه جديد را نصب کنيد. و اين موضوع دايما در مورد بقيه پلاگين هاي سايت شما هم رخ مي دهد. هر چه ماژول ها و پلاگين هاي بيشتري استفاده کنيد، به اين معني است که بايد وقت بيشتري به نگهداري و به روز رساني آنها اختصاص دهيد.

 

مصرف منابع بيشتر، سايت کند تر:

هر کامپوننت و پلاگين جديد منابع سخت افزاري خودش را مصرف مي کند، استايل و جاوااسکريپت خودش را دارد و احتمالا چند تصوير به سايت شما اضافه خواهد کرد. همه اينها به معني کند شدن صفحات سايت شما خواهد بود و در طرف ديگر ممکن است به خاطر کمبود منابع سرور، مجبور به هزينه بيشتر هم بشويد.

 

امنيت پايين تر:

اضافه کردن کد جديد به معني خطر امنيتي جديد است. يکي از بزرگترين ريسک هاي استفاده از ماژول هاي متعدد اين است که آنها امنيت سايت شما را طور قابل توجهي پايين مي آورند. هميشه بايد به دقت مراقب به روز رساني هاي امنيتي باشيد. بدتر اين طراحی  است که توسعه بعضي از ماژول ها پس از مدتي متوقف مي شود و ممکن است در آنها مشکلات امنيتي يافت شود که ديگر توسط تيم توسعه رفع نشوند. آن موقع اين وظيفه شما است که يا خودتان مشکل را رفع کنيد يا آن ماژول را از سايت حذف نماييد.

 

ناهماهنگي ميان پلاگين ها:

يک پلاگين جديد نصب مي کنيد. اما يک پلاگين ديگر از کار مي افتد! گاهي اوقات پيش مي آيد که ميان کار اين ابزارک ها تداخل وجود دارد و فاجعه وقتي است که يکي از آنها قسمتي از سايت شما را دچار اختلال مي کند اما شما تا مدت ها متوجه آن نمي شويد. به همين خاطر لازم است بعد از نصب هر ماژول و پلاگين جديد تمام عملکردهاي سايت را به دقت بررسي کنيد. اما بعد از هر به روز رساني هم بايد اين کار انجام شود و خودتان تصور کنيد که اگر تعداد زيادي ماژول داشته باشيد اين فرايند چقدر پر دردسر و وقت گير خواهد بود.

 

مي بينيد که هر چيزي قيمتي دارد! داشتن امکانات زياد و متنوع خوب است اما در بسياري موارد به دردسرهاي بعدي اش نمي ارزد. هنر شما به عنوان يک وبمستر خوب اين خواهد بود که با ارزشيابي منطقي، تعادلي خوب ميان امکانات، زمان و بودجه تان به وجود بياوريد.

 

اما به طور کلي اين اصل ساده را هميشه به خاطر داشته باشيد: هيچ ماژول و پلاگين جديدي روي سايت تان نصب نکنيد مگر اينکه واقعا به آن احتياج داشته باشيد. پيش از نصب اين موضوع را بررسي کنيد تا شايد راه هاي ساده تري براي انجام کار شما وجود داشته باشد که نياز به نصب ماژول جديد را برطرف کند. 

لينک مطلب نظر بدهيد (2)

 

 

 

آموزش برنامه نويسي اندرويد - قسمت ??:نحوه ساخت فولدرها و فايل هاي جديد در فولدر res

بهزاد مرادي

جمعه ?? تير ???? - ??:??

اهداف آموزشي اين قسمت عبارتند از:

1. نحوه ايجاد يک فولدر جديد

2. نحوه ايجاد يک فايل جديد در فولدر values 

3. مقدمات بومي سازي يک اپليکيشن

 

پس از آشنايي با فولدر res در قسمت يازدهم، در اين قسمت قصد داريم تا با نحوه ايجاد فولدرهاي زيرشاخه res و هم چنين ايجاد فايل هاي زيرشاخه فولدر values آشنا شويم. علاوه بر اين خواهيم فهميد که به چه نحوه مي توان يک اپليکيشن اندرويدي را براي کشورهاي مختلف و زبان هاي مختلف بومي ساخت. 

 

پس ادامه مطلب را از دست ندهيد.

 

لينک مطلب ادامه مطلب نظر بدهيد (3)

 

 

کاربردپذيري در فرم هاي جستجو

کاربردپذيري در فرم هاي جستجو

 

برنامه نويس ها معمولا هنگام ساخت يک اپليکيشن، بيشتر از زاويه عملکردها به آن نگاه مي کنند و کاربرد پذيري معمولا فراموش مي شود. يکي از خاطرات جالب در اين رابطه به طراحي اپليکيشني برمي گردد که داراي يک بخش جستجوي پيشرفته براي گروهي از کاربران بود.

 

کارفرما طي چند نوبت، تقاضاي اضافه شدن امکانات مختلفي را به جستجوي پيشرفته ارسال مي کرد و تيم برنامه نويس در واکنش به هر تقاضا، يک فيلد جديد به فرم جستجوي پيشرفته اضافه مي نمود.

 

چند روز بعد صفحه جستجوي پيشرفته اين اپليکيشن، به فرمي وحشتناک تبديل شده بود که هر کاربري با ديدن آن عطاي استفاده اش را به لقايش مي بخشيد!

 

احتمالا شما هم با چنين اپليکيشن هايي مواجه شده ايد. انبوهي از فيلدهاي متنوع که کاربر را گيج مي کنند و در نهايت آنها را فراري مي دهند.

 

 

در فيلد جستجوي گوگل مپس مي توانيد آدرس، نام شهر يا موقعيت جغرافيايي را وارد کنيد

 

به عنوان برنامه نويس مي توانيم مجموعه طراحی گسترده اي از امکانات را در اختيار کاربران قرار دهيم اما در طرف ديگر نبايد فراموش کنيم که بايد همه چيز را تا حد ممکن ساده نگه داريم. در اين گونه موارد به صفحه اول گوگل فکر کنيد. يک فيلد ساده همه چيز را براي شما پيدا مي کند. بنابراين ما هم مي توانيم بسياري از گزينه ها را در هم ترکيب نموده و کاربر را با پيچيدگي کمتري مواجه کنيم.

 

براي مثال در تصوير اصلي مطلب مي بينيد که براي پيدا کردن وضعيت آب و هوا، کاربر مي تواند نام شهر يا Zip Code را وارد کند و دو فيلد مجزا براي آن قرار نگرفته است.

 

 

بخش جستجوي پيشرفته کتابفروشي آدينه بوک فيلدهاي زيادي دارد. به نظر شما چطور مي توان آن را بهينه تر کرد؟

 

 

بخش جستجوي کتابفروشي آمازون فقط داراي همين يک فيلد است و همه کارها از همينجا انجام ميشود. ساده تر نيست؟

 

به عنوان يک برنامه نويس و طراح اپليکيشن، با فرم هاي زيادي سر و کار داريم. فراموش نکنيم که تا جاي ممکن از تعداد فيلدها کم کنيم و آنها را در هم ادغام نماييم تا کاربران خوشحال تر باشند و بيشتر از محصول ما استفاده کنند.

لينک مطلب نظر بدهيد (5)

 

 

سه اصل ساده براي انتخاب اسم مناسب براي يک استارت آپ

سه اصل ساده براي انتخاب اسم مناسب براي يک استارت آپ

حسين نوذري

چهارشنبه ?? تير ???? - ??:??

يکي از سخت ترين تصميمات در زمان راه اندازي يک استارت آپ انتخاب اسم است. انتخابي که هر کدام از ما که در مرحله شروع يک کار بوديم به نوعي سختي آن را چشيده ايم. روشي که معمولا افراد پيش مي گيرند استفاده از فرهنگ لغات و دوستان صاحب نظر است تا اسمي در خور و متناسب با جنس کار پيدا کنند. اما آيا واقعا اين حساسيت ضرورت دارد و اسم تا چه اندازه در موفقيت شما تاثير دارد؟

 

اسم مناسب فاکتور موثري در رشد برند شما است و اگر توجه لازم را در زمان شروع استارت آپ به انتخاب اسم انجام نداده باشيد در مراحل بعدي کار پشيمان خواهيد شد. تا کنون دقت کرده ايد که تعداد زيادي از هنرپيشگان و خوانندگان در زمان شروع فعاليت حرفه اي خود اسم خود را تغيير مي دهند؟ آنها اولين انسان هايي بودند که اهميت اسم مناسب در رشد تجارت خود را درک کرده اند.

 

در اين مقاله کوتاه به سه اصل اوليه اما مهم پرداخته شده است که توجه به آنها براي اسم استارت آپ شما ضرورت محسوب مي شود. ادامه مطلب را از دست ندهيد.

 

لينک مطلب ادامه مطلب نظر بدهيد (5)

 

 

 

آموزش برنامه نويسي جاوا - قسمت ??: ايجاد يک شماره تصادفي در پروژه برادر بد شانس

 

در اين جلسه قصد داريم تا نحوه به کار گيري کلاس Random در زبان برنامه نويسي جاوا را مورد بررسي قرار دهيم. در واقع در اين آموزش علاوه بر نحوه توليد يک عدد تصادفي توسط کلاس Random به استفاده از مباحث if و همچنين Loop يي از جنس for هم خواهيم پرداخت.

 

در اين جلسه هم همچون برخي جلسات گذشته نياز به يک سناريو داريم:

 

فرض کنيم که ما برادري داريم که همواره بر سر اين مسئله که چه کسي امروز برود و نان خريداري کند با او مشاجره مي کنيم و هر دفعه هم که شير يا خط مي اندازيم تا اينکه ببينيم قرعه به چه کسي مي افتد او بهانه مي آورد که تو سکه را از قصد طوري انداختي که قرعه به نامت نيفتد. از آنجا که ما يک برنامه نويس جاوا هستيم اين پيشنهاد را به او مي دهيم که مي توانيم برنامه اي طراحي کنيم که به صورت کاملاً تصادفي شماره اي را به يکي از ما دو نفر اختصاص خواهد داد. حال هر کس که از نفر ديگري امتياز کمتري کسب کرد مي بايست اين کار را انجام دهد. در نهايت اين پيشنهاد مورد قبول طرفين واقع مي شود و شروع به نوشتن برنامه مي کنيم (البته از آنجا که نگارنده اين آموزش تنها پسر خانواده است، اين وظيفه خطير در هر صورت به عهده خودش است!).

 

شما هم سعي کنيد با برادرتان دعوا نکنيد و به جاي آن  طراحی  به ادامه مطلب رفته و جاواي خودتان را قوي کنيد... 

 

لينک مطلب ادامه مطلب نظر بدهيد (8)

 

 

seo robotيکي از ابزارهايي که هميشه از آن براي پيدا کردن محتوا بهره مي بريم، موتورهاي جستجو هستند. مديران و طراحان وب سايت با استفاده از تکنيک هاي سئو تمامي صفحات سايت خود را به موتور جستجو معرفي مي کنند. اما در يک سايت صفحاتي نيز وجود دارد که بايد از چشم موتورهاي جستجو مخفي بمانند.

 

براي مخفي کردن قسمت هايي از وب سايت مي توانيم از robots به دو شکل فايل يا متا (meta) تگ استفاده کنيم.

 

مزاياي استفاده از robots

قبل از اينکه با نحوه ايجاد robots و مشخصات آن آشنا شويم، بد نيست برخي از کاربردهاي اين فايل (يا تگ) را مرور کنيم:

 

امروزه سه حرف انگليسي w در کنار هم شبکه جهاني اينترنت را در اذهان تداعي مي کند. اما بسياري هنور مفهوم و تاريخچه اين سه حرف را نمي دانند.

 

WWW مخفف عبارت World Wide Web مي باشد. که با عنوان W3 هم شناخته مي شود Web وب به معني تار و World Wide به معني گستره جهاني است. و در کل اين سه کلمه در کنار هم مفهوم تار جهاني يا تار گستر جهاني را مي دهند. اشاره دارد به تاري که کل جهان را احاطه کرده باشد.

 

واژه وب امروزه به صفحات اينترنتي گفته مي شود که با مرورگرهاي اينترنتي قابل مشاهده هستند.

 

پيشنهاد WWW و پروژه وب نخستين بار در سال 1990 در پروپزال تيم برنرز لي با همکاري رابرت کارلياو ارائه شد. وي طرح شبکه اي را مطرح کرد که صفحات متني بتوانند بصورت يک طرفه توسط بازديدکننده و يک نرم افزار مرورگر مشاهده شوند. وي پيشنهاد کرد که صفحات بتوانند به يکديگر مرتبط شوند و از طريق يک آدرس هر کس بتواند مقالاتي بنويسد که در نهايت از طريق لينک هاي ارتباطي شخصي از يک طرف جهان بتواند به منبعي در سوي ديگر دسترسي داشته باشد. طراحی وب سایت 

 

بعد از مدلسازي پروژه ، برنرز لي کليه مقدمات لازم براي پياده سازي طرح وب را فراهم کرد. از جمله بکارگيري يک کامپيوتر به عنوان اولين وب سرور جهان با نام NeXT و همچنين اولين مرورگر جهان با همين نام . تصويري که مشاهده مي کنيد عکس کامپيوتر "نکست" اولين سرور وب است.

 

اولين کامپيوتر سرور هاست جهان بنام نکست

 

برنرز هر آنچه را که لازم ميديد اجرا کرد و همچنين اولين صفحات وب در جهان را در سال 1991 ساخت. او در مقاله اي توضيحاتي پيرامون شبکه جهاني اينترنت و وب داد.

 

پروژه برنرز لي اساس شبکه اينترنت امروزي شد و سه اساس مهم در وب که عبارتند از

 

1- آدرس اختصاصي شناسايي منبع صفحات يا URL

 

2- انشار متون بوسيله تگ ها يا HTML

 

3- پروتکل ارسال صفحات وب HTTP

 

اين اصول همچنان در تکنيک هاي طراحي سايت بکار مي رود.پايه اي که برنز لي بنا نهاد به سرعت گسترش يافت و خيلي زود پروژه جهاني اينترنت به تحقق پيوست. امروزه ميليون ها آدرس وب در هزاران سرور جهان ثبت شده اند. سايت هايي که طبق پايه نظريه برنز به يکديگر لينک هستند و همچنين از تکنولوژي وي يعني تگ گذاري متون يا HTML بهره مي برند. شبکه اي که به درستي مانند تار به يکديگر تنيده شده و سراسر گستره جهان را در بر گرفته است.

 

امروزه گرچه عبارت www به عنوان پيشوند آدرس سايت ها پذيرفته شده است اما ديگر از نظر تکنيکي الزامي نيست. اما عادت ديرينه شبکه وب استفاده از اين پسوند که به زير دامنه مبدل گشته است را مرسوم ساخته است.

 

وب امروزي برپايه نظريات بنز استوار شد اما روز به روز در حال توسعه و تحول است. يکي از تحولات مهم بعد از پيدايش وب بحث استفاده از برنامه نويسي پويا در وب يا به عبارت ساده تر بهره گيري از صفحات وب متغير است. پروژه اي که برنز آنرا نخستين بار پياده سازي کرد بر مبناي متون ثابت (استاتيک) بود اما هم اکنون صفحات متغير وب (دايناميک) وب سايت هايي با قابليت هاي حيرت انگيز و برنامه ريزي شده خلق کرده است. وب سايت هايي که گاه نقش خبرگزاري را دارند ، گاه پايگاه ويديويي مي شوند و گاه مانند ربات در شبکه مي خزند.

 

وب جهاني اينترنت به دنيايي مبدل گشته که حتي آنرا با عنوان دنياي مجازي مي شناسند . گويي اين تار جهاني پيوسته در حال تنيده شدن است و کليه امور به طرف خود جذب مي کند. اموري که حتي بحث هاي امنيتي را تحت وب پديد آورده و جنگ هاي سايبري را شکل داده . آنچه مسلم است مفهوم امروز وب با آنچه برنرز در روز نخست پروپزال خود مي پنداشت فاصله زيادي دارد.

 

 

 

در هر جاي كامپيوتر كه دوست داريد فلدري به نام my-first-webpage  بسازيد.

 

textEditor خودتان را كه در جلسات قبل توضيح داديم باز كنيد كد زير را در آن كپي كنيد

 

 طراحی وب سایت 

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<title>The Most Basic Web Page in the World</title>

<meta http-equiv="Content-Type"

content="text/html; charset=utf-8"/>

</head>

<body>

<h1>The Most Basic Web Page in the World</h1>

<p>This is a very simple web page to get you started.

Hopefully you will get to see how the markup that drives

the page relates to the end result that you can see on

screen.</p>

<p>This is another paragraph, by the way. Just to show how it

works.</p>

</body>

</html>

 

 

از textEditor گزينه file>save as را بزنيد پنجره اي مانند زير نمايش مي يابد:

 

 

 

مسير فلدر قبل را بدهيد تا در آنجا ذخيره شود.

 

نام فايل را انتخاب نماييد البته با پسوند html مانند my-first-webpage.html

 

از منوي كشويي save as type گزينه all files را انتخاب نماييد

 

از منوي كشويي Encoding گزينه UTF-8 را انتخاب نماييد.

 

و حالا دكمه save را بزنيد.

 

حالا در فلدر مورد نظر فايلتان را با مرورگر باز نماييد . تبريك شما اولين صفحه وب خودتان را ساختيد!

 

يك مقايسه و يك آناليز ساده بين كد شما و ظاهري كه در مرورگر مي بينيد ، مي تواند در يادگيري شما كمك شاياني كند:

 

 

زمان مناسبي است كه در مورد 2 تگ p  و h1 و البته عناصر ديگر صحبت كنيم.

 

تيترها و سلسله مراتب آن (H)

 

تيترها عناصر بلاك و بسته شونده (container)هستند و سلسله مراتب مخصوص به خود را دارند و از h1  تا h6  وجود دارند.

از h1  براي مهم ترين تيتر از h2 براي تيتر كم  ارزش تر و از h3 براي تيتر كم ارزش تر از h2 و به همين ترتيب تا  h6

 

پاراگراف (p)

 

يك تگ بلاك و بسته شونده (container) است و براي يك بلوك متني استفاده مي شود اين بدان معني است كه متن هاي خوتان را بايد داخل اين تگ قرار دهيد.

 

ليست (list)

 

فرض كنيد مي خواهيد ليست وب سايت هاي طراحي شده خودتان را نمايش دهيد ،

 

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<title>Lists - an introduction</title>

<meta http-equiv="Content-Type"

content="text/html; charset=utf-8"/>

</head>

<body>

<h1>Lists - an introduction </h1>

<p>Here's a paragraph. A lovely, concise little paragraph.</p>

<p>Here comes another one, followed by a subheading.</p>

<h2>A subheading here</h2>

<p>And now for a list or two:</p>

<ul>

<li>This is a bulleted list</li>

<li>No order applied</li>

<li>Just a bunch of points we want to make</li>

</ul>

<p>And here's an ordered list:</p>

<ol>

<li>This is the first item</li>

<li>Followed by this one</li>

<li>And one more for luck</li>

</ol>

</body>

</html>

 

و حالا خروجي كار رو در مرورگر ببينيد تا تفاوت هاي دو نوع ليست را ببينيد

 

 

 ظاهر همه ليست ها به همين سادگي نيستند و امروزه در طراحي وب سايت حرفه اي استفاده زيادي دارد. براي نمونه مي توانيد به فوتر وب سايت شرکت طراحي سايت وب اسکالا نگاهي بياندازيد تا ديدتان نسبت به استفاده از اين عنصر بازتر شود.

 

با قسمت هفتم آموزش طراحي سايت از پايه در خدمتتون هستم و اميدوارم اين مقاله هم مانند مقاله هاي گذشته بازخوردهاي خوبي داشته باشد. در اين مقاله  ابتدا تگ هاي خاص و تگ هايي که طراحان سايت کمتر از آن ها استفاده مي کنند را ذکر کرده و سپس کمي راجع به سي اس اس (css) صحبت مي کنيم.

 

design-web-00.jpg

 

عنصر  blockquote:

 

 

اين تگ ، يک تگ container (که در جلسات قبل توضيح داده شده) است و طبق گفته کتاب اين تگ  براي نمايش يک گفته شخصي استفاده مي شود.

 ولي در کتاب هاي ديگر به تگ هاي  Quotes  اشارات متنوعي شده است.  Quotes به معني نشان يا نقل قول است و کلا" اين تگها براي جلب توجه بيشتر استفاده مي شود در واقع يک شهادت ويا سفارش و يا کامنت است.

 

تگ هاي  Quotesبه 3 بخش زير تقسيم مي شود :

 

 

    1.    <blockqoute>< /blockqoute>

    2.    <q>< /q>

    3.    <cite>< /cite>

 

 

اين تگ ، يک تگ container  و inline  است  و براي نقل و قول براي يک يا دو کلمه استفاده مي شود.

يادآوري :  تگ هاي block  کل سطر را مي پوشاند و تگ هاي inline  تنها دور عنصر را مي گيرند .

 

    <p>

    I'm said <q>font</q>but my friend said <q> font face </q>

    </p>

    cite  :

    اين تگ ، يک تگ container  و inline  است  و براي نام نويسنده و يا نويسنده کامنت استفاده مي شود

    <p>

     but then <cite> ali</cite>said <q> no think these font work betfer </q>

    <p>

 

تگ هاي   strong و  em :

 

اين تگ ها ، تگ هاي container  و inline  هستند و براي برجسته سازي و اهميت کلمات استفاده مي شوند. و اما در ظاهر ، تگ strong کلمه را bold  و  تگem   کلمه را italic مي کند.

 

اين نکته را اضافه کنم که  اين تگ ها براي موتورهاي جستجو از اهميت خاصي برخوردار است .

 

        <p>

            this is a <strong>bold text</strong> this is a <em>italic text</em>

        </p>

 

خط فاصله بين متون p :

 

فرض کنيد مي خواهيم در يک پاراگراف به خط جديدي برويم . براي اين کار از تگ <br /> استفاده مي کنيم.

اين تگ ، يک تگ empty  است  و در ساختار xhtml  به صورت <br />  نوشته مي شود .

نکته مهم : از br اضافي پرهيز کنيد 

 

    <p>

            this is a test

            <br />

            this line show after break

    </p>

 

 

تعريف تگ هاي خاص:

 

اين قسمت از آموزش در کتاب نيست ولي با توجه به تجربه شخصي بنده در طراحي وب سايت هاي مختلف( چند نمونه کار هاي طراحي سايت يک طراح وب سايت را چک کنيد) ، ترجيح مي دهم اين تگ ها در اين قسمت بيان شود . اين قسمت نيز شامل تگ هايي است که کمتر استفاده مي شود ولي ميتوانند کاربردي باشند :

 

<abbr>

 

براي توصيف يک عبارت اختصار به کار مي رود

 

    <p>

    The<abbr titile="search engine optimization">seo</abbr> is good for your site 

    <p>  

 

 

<acronym>  

 

براي توصيف نامها ي محاوره اي اختصار

 

    <p>

        Can I get this <acronym title="as soon as possible">AsAp </acronym>

    <p>

 

 

<address>

 

 براي نوشتن اطلاعات تماس

 

    <address>

    Behzad alibeigi

    <br/>

    <a href =contact.. >email</a><br/>

    Phone :...

    </address>

 

 

<dfn>

 

براي معناي کلمات استفاده مي شود و يا توصيف يک کلمه و يا مثلا جايي که مي خواهيم اطلاعات بيشتري در اختيار کاربر قرار دهيم .

 

    <p>

    The <dfn title="microsaft web browser">Inteet explorer </dfn> is the most popular browser used undermater.

    <p>

 

 

همانطوري که از مثال هاي بالا مشخص است اين 4 تگ container  و  inline  هستند.

براي ديدن يک مثال ديگر بهتر است به وب سايت وبسکالا برويم و سورس آن را ببينيم 

 

Adding some style

 

همان طوري که قبلا اشاره کرديم لايه دوم وب  ، لايه ظاهر آن است که با  CSS اعمال مي شود.

در گذشته  براي اضافه کردن ظاهر به سايت  از ترکيب دستورات CSS وHtml استفاده مي شد ولي امروزه براي اين کار مي بايست فقط از css استفاده کرد تا وب سايتي استاندارد داشته باشيم.

CSS يا همان (Cascading style sheets) زباني است که براي تغيير ظاهر عناصر صفحات استفاده مي شود.  که مي تواند شامل رنگ ، سايز ويا موقعيت عناصر باشد .

 

براي اعمال css 3 روش وجود دارد:

 

    •    Inline

    •    Embedded

    •    Exteal

 

 

: inline

 

در اين روش از خصوصيت  style  داخل  تگ هاي html  استفاده مي کنيم بدين صورت :

 

       <p style="color:Red;font-weight: bold;">

        this is a test

       </p>

 

خصوصيت  style  مي تواند شامل چندين اعلان باشد . اعلان ها با ; از اعلان کناري جدا مي شود. به مثال بالا دقت کنيد :  اعلان رنگ و نوع فونت با ; از هم جدا شده اند

هر اعلان شامل يک property و يک value است .

 

design-web-51.jpg 

عنصر span :

 

يک تگ inline است و تگ جادويي دوم بعد از div براي من به حساب مي آيد span موارد استفاده زيادي دارد که يک نمونه از آن  که مربوط به همين  بحث  inline style است  در مثال زير آورده شده است:

 

همان طوري که در مثال مشاهده مي نماييد براي استايل متفاوت يک و يا چند کلمه و پاراگراف از اين تگ استفاده مي کنيم.

مورد استفاده ديگر span مربوط به طراحي هاي پيچيده با تعداد تگ div  زياد است که در دوره هاي بعدي توضيح خواهيم داد.

روش هاي embedded , exteal  در جلسه بعدي تشريح مي شوند  و خواهيم گفت که کدام روش مناسب تر است .

 

در اين بخش ايجاد لينک به بقيه صفحات را مورد بررسي قرار مي دهيم.

 

براي ايجاد لينک از تگ زير استفاده مي کنيم:

<a href="url">متن لينک</a>

تگ <a> نشانه لينک است. شناسه href مشخص کننده آدرس لينک مي باشد، <a/> نشانه بسته شدن تگ است. متني که بين اين دو تگ ابتدايي و پاياني نوشته مي شود متني است که در صفحه شما به عنوان يک لينک ديده مي شود. مثلاً اگر مي خواهيد به يک صفحه وب مثلاً صفحه اصلي سايت ما با اين آدرس:   http://www.neopersia.org/html/index.html لينکي را در صفحه خود داشته باشيد بايد فرمان زير را در قسمت body صفحه خود در جايي که مي خواهيد لينک به نمايش درآيد قرار دهيد:

 

<a href="http://www.neopersia.org/html/index.html">متن نمونه براي لينک</a>

لينک در صفحه شما به اين صورت ديده مي شود:

 

متن نمونه براي لينک

 

لينکي را که با فرمان بالا ساخته ايد به صورت رنگي (بسته به تنظيمات مرورگر رنگ آن تعيين مي شود) و زيرخط دار به وجود مي آيد. که اين خصوصيات نشانه آن است که يک متن لينک است و وقتي که نشانگر ماوس را بر روي آن قرار دهيد به شکل دست در مي آيد. البته هر متني که رنگي بود و داراي زير خط بود لزوماً نبايد يک لينک باشد. شکل نشانگر ماوس در اينجا به کمک ما مي آيد.

 

اگر شما لينکي را که با اين روش به وجود آمده کليک کنيد به صفحه مورد نظر مي رويد. با اين روش شما مي توانيد به هر صفحه اي لينک بسازيد چون آدرس کامل آنرا در لينک قرار داده ايد. براي مثال شما مي توانيد براي صفحات سايت خود در صفحه اصلي با اين روش لينکهايي بسازيد.

 

متن نمونه براي لينک

هر دو روش بالا يک نتيجه را دارند اما در روش دوم زحمت نوشتن کمتر است.

 

اگر شما شک داريد يا مطمئن نيستيد که هر دو صفحه در يک پوشه قرار دارند حتماً از آدرس کامل استفاده کنيد. چون در اين روش مهم نيست که صفحات مربوط به چه سايتي باشند.

 

شناسه ديگري که مي توانيد در تگ لينک به کار ببريد title است. با استفاده از اين شناسه مي توانيد عنواني را براي لينک انتخاب کنيد و اين عنوان در هنگامي که بازديد کننده کاوس خود را روي لينک قرار مي دهد به نمايش در نمي آيد. به مثال زير توجه کنيد:

 

<a href="../css/index.html" title="آموزش استفاده از استايل در صفحات وب">آموزش CSS به زبان فارسي</a>

ماوس خود را روي لينک زير قرار دهيد تا نتيجه را مشاهده کنيد:

 

آموزش CSS به زبان فارسي

از شناسه هاي ديگري نيز در تگ لينک مي توان استفاده کرد که نحوه نمايش لينک در صفحه را تعيين مي کنند. براي اطلاعات بيشتر صفحه باز کردن لينک در پنجره جديد را مطالعه کنيد.